
<html>
<head>
<title>CSS3 Background Clip Test</title>

<style type="text/css">
p {background-clip: border; 
   background-color: aqua;
   border-style: dotted;
   border-width: thick;
   padding: 0;
   }
h3 {background-clip: padding;
    background-color: lime;
    padding: 0;
   }
</style>
</head>

<body>




<h1>CSS3 Background Clip Test</h1>





<ul>
<li>
The "background-clip" property 
determines whether the background extends into the border area or not.
</li>
</ul>
<h2>
PASS CRITERIA:
</h2>
NOTE: This property may not be implemented yet.
<p>
If statement above is true, this paragraph should have a background clip
of border.
The background is aqua.
The rule applied is "p {background-clip: blue;}"
Also "p {background-color: aqua;}".
Also "p {border-style: dotted; border-width: thick; padding: 0;}".
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
</p>
<h3>
This h3 heading should have a background clip of padding.
The background color is lime.
The rule applied is "h3 {background-clip: padding;}"
Also "h3 {background-color: lime}".
Also "h3 {padding: 0;}".
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc
dddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff
gggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg
</h3>

<p>
All other properties of this page should be UA-default.
This is a paragraph like the one above.
</p>

</body>
</html>
